.header {
   height: 50%;
}

.pic {
   float: left;
   margin-top: 20px;
}

.touxiang {
   height: 74px;
   margin-left: 20px;
}

.name {
   line-height: 84px;
   margin-left: 20px;
}

.userinf li {
   width: 100px;
   height: 20px;
   margin-bottom: 10px;
}

.footnav {
   width: 300px;
   bottom: 0;
}

.footnav li {
   list-style: none;
   margin: 20px;
   float: left;
}

.middle {
   height: 50px;
   width: 100%;

}

.miditems {
   padding: 5px;
   height: 50px;
   display: flex;
   flex-direction: row;
   justify-content: center;
   ion-icon{
      margin-top: 12px;
   }
   border-bottom: 1px solid rgba($color: #000000, $alpha: 0.3);
   .item{
      margin: 10px;
      
   }
}



.edit {
   border: 1px solid;
   border-radius: 7px;
}